console.log('commonjs----');

$.ajax({
    url: '/api/list',
    success(res) {
        console.log('res', res);
        let tpl = `
        <ul>
            {{each data}}
            <li>{{$value}} </li>
            {{/each}}
        </ul>
        <div>{{x}} </div>
        `
        let html = template.render(tpl, {
            data: res.data.data,
            x: 'hello~~~~'
        });

        // let html = '<ul>'
        // $.each(res.data, (index, value) => {
        //     html += '<li>' + value + '</li>'
        // })
        // html += '</ul>';


        // let str = template.compile('<div>{{data}}</div>', { data: 100 })


        $('#list').html(html);
    }
})